@charset "UTF-8";

html{-webkit-text-size-adjust:none;font-size: 62.5%;}
body{color: #1a1a1a;overflow-x:hidden;margin:0;padding:0; font-family: hs_r;}
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, table, thead, tbody, th, td, form, fieldset, legend, input, textarea, button, select{padding:0;margin:0;}
input,select,textarea{border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"]{-webkit-appearance: none;}
a{color: #1a1a1a;text-decoration:none;font-size:15px;}
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a{text-decoration: none;color:#333;font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;font-style: inherit;}
:focus{outline: none;}
.dfs{display:flex;align-items:end;justify-content:space-between;}
.gy{max-width: 1500px;margin: 0 auto;}
@media screen and (max-width: 1366px){.gy{max-width: 1200px;margin: 0 auto;}}
.gy1{min-width: 1280px;margin: 0 auto;width: 100%;}
.cl{ clear: both;height: 0px; overflow: hidden;}

@font-face{font-family:hs_l;src:url(https://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Light.ttf.txt)}
@font-face{font-family:hs_r;src:url(https://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Regular.ttf)}
@font-face{font-family:hs_m;src:url(https://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Medium.ttf.txt)}
@font-face{font-family:hs_b;src:url(https://114my.cn.114.114my.net/hxp/fonts/HarmonyOS_Sans_SC_Bold.ttf.txt)}
.hs_l{font-family:hs_l}
.hs_r{font-family:hs_r}
.hs_m{font-family:hs_m}
.hs_b{font-family:hs_b}
@font-face{font-family:din_b;src:url(https://114my.cn.114.114my.net/hxp/fonts/DIN-Bold.otf)}
@font-face {
	font-family:"DIN-BOLD";src:url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.woff2.txt") format("woff2"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.woff.txt") format("woff"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.ttf.txt") format("truetype"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.eot.txt") format("embedded-opentype"),url("https://114my.cn.114.114my.net/hxp/fonts/DIN-BOLD.svg.txt") format("svg")}

@font-face {
	font-family:'Montserrat-Bold';
	src: url('https://114my.cn.114.114my.net/hxp/fonts/Montserrat-Bold.eot.txt');
	src: url('https://114my.cn.114.114my.net/hxp/fonts/Montserrat-Bold.woff.txt') format('woff'), url('https://114my.cn.114.114my.net/hxp/fonts/Montserrat-Bold.ttf.txt') format('truetype');	font-weight: normal; font-style: normal;}
	
@font-face {
font-family: "GJJCQJW";
src: url("https://114my.cn.114.114my.net/hxp/fonts/GJJCQJW--GB1-0.woff2.txt") format("woff2"),
       url("https://114my.cn.114.114my.net/hxp/fonts/GJJCQJW--GB1-0.woff.txt") format("woff"),
       url("https://114my.cn.114.114my.net/hxp/fonts/GJJCQJW--GB1-0.eot.txt") format("embedded-opentype"),
       url("https://114my.cn.114.114my.net/hxp/fonts/GJJCQJW--GB1-0.svg.txt") format("svg");
}

@font-face{font-family: 'iconfont';/* Project id 4383909*/src: url('//at.alicdn.com/t/c/font_4383909_vp7h05ic6jm.woff2?t=1703908290115') format('woff2'), url('//at.alicdn.com/t/c/font_4383909_vp7h05ic6jm.woff?t=1703908290115') format('woff'), url('//at.alicdn.com/t/c/font_4383909_vp7h05ic6jm.ttf?t=1703908290115') format('truetype');}
@font-face{font-family: 'iconfont';/* Project id 4400588*/src: url('//at.alicdn.com/t/c/font_4400588_3849k1nsx04.woff2?t=1706003552626') format('woff2'), url('//at.alicdn.com/t/c/font_4400588_3849k1nsx04.woff?t=1706003552626') format('woff'), url('//at.alicdn.com/t/c/font_4400588_3849k1nsx04.ttf?t=1706003552626') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
/*tit*/.title{margin-bottom:30px;position:relative;}
.title h2{font-size:40px;line-height:1;position:relative;color:#000;}
.title h2 span{font-size:70px;line-height: 82px;color:#f5f5f5;font-family: "DIN";text-transform: uppercase;font-weight: bold;position: absolute;top:-20px;z-index: -1;left:-10px;}
.title h5{font-size:45px;line-height:1.2;position:relative;font-weight:bold;}
.title h3{font-size:36px;line-height:1.2;position:relative;font-family:Arial, Helvetica, sans-serif;}
.title .line{position:relative;width:90px;height:3px;background-color:#1a4499;margin-top:20px;}
.title p{font-size:24px;line-height:32px;color:#555;position:relative;margin-top:10px;}
.title a.link{display:block;width:100px;height:100px;text-align:center;line-height:100px;border:1px solid #bbb;color:#bbb;position:absolute;right:0;top:0;font-size:30px;transition:all .3s;}
.title a.link:hover{color:#fff;}
.box{ margin:0 auto;width:100%;min-width: 1300px;max-width:1600px; box-sizing: border-box;padding-left:5%;padding-right:5%;}
.t {
    text-align: center;
    margin-bottom: 50px;
}
.t p{font-size:40px;font-weight:bold;color:#000;line-height:70px;}
.t span{font-size:18px;color:#666;}

.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto!important;height: auto!important;z-index: 1;max-width: 100%;max-height:100%;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.img-alt {opacity: 0;}

.w1560{width: 100%;max-width: 1560px;margin: 0 auto}
@media (max-width:1680px){.w1560{max-width: 100%;padding: 0 60px}}


.header:hover{ background: #fff; box-shadow: 0 0 30px 0px rgba(0,0,0,0.1);}
.header:hover a{color:#333;}
.header{position: fixed;top: 0;left: 0;width: 100%;height: 100px;z-index: 5000;background: transparent;transition: ease .5s; border-bottom:1px solid rgba(255,255,255,0.05);}
.header.on{box-shadow: 0 0 13px rgba(0,0,0,.1);}
.ny-header{background: #fff;}
.header-con{}
.header.on .header-con{border: none;}
.header:hover .logo{filter: grayscale(0%) brightness(100%);}
.header .logo{display: block;float: left;position: relative;z-index: 1200;margin:1.15vw 0 0 2%;}
.header .logo span{float:right; font-size:30px; margin-left:11px; font-family: "GJJCQJW"; letter-spacing:0.3px; color:#fff; padding-top:2px;}
.header .logo span i{font-size:11px; letter-spacing:1px; font-style: normal; display:block; padding-top:1px; color:rgba(255,255,255,.4); text-transform: uppercase; font-family: microsoft yahei;}
.header .logo img{ height:55px;}
/*

.header .logo img.logoon{display: none;}
.header.on .logo img, .ny-header .logo img{display: none;}
.header.on .logo img.logoon, .ny-header .logo img.logoon{display: block;}*/
.header:hover .logo span{ color:#000;}
.header:hover .logo span i{ color:rgba(0,0,0,.5);}
.header.on .logo span i{ color:rgba(0,0,0,.5);}

.header-right{float: right;margin:0 2% 0 0;}
.header-top{background: url()no-repeat center;transition: ease .5s;padding: 25px 0;}
.ny-top{background: #fff;}
.ny-top .header-language a:hover{color: #F0BB44;}
.header-slogan{float: left;font-size: 22px;line-height: 40px;color: #341d17;}
.header-phone{float: right;font-size: 22px;line-height: 40px;color: #fff;margin-top:30px; margin-left:26px; position: relative;padding-left:30px;}
.header-phone h4{ font-family: "DIN-BOLD"; font-size: 22px; letter-spacing:0.5px;}
.header-phone::before{position: absolute;content: "";width: 25px;height: 25px;background: url(http://login.114my.cn/memberpic/zhantong/uploadfile/image/20240419/20240419185635_1595724688.png)no-repeat center;background-size: 100% 100%;top: 50%;transform: translateY(-50%);left: 0;}
.header-phone span{display: inline-block;font-family: "ITCAvantGardeStd-BkCn";font-size: 22px;line-height: 30px;color: #341d17;}
.header.on .header-search{ height:86px;}

.header-search{float:left;position: relative;  height:100px; text-align:center; }
.bt-search{position: relative;border: none;background: none;float: left;text-align: center;cursor: pointer;transition: .5s;z-index: 10;}
/* .bt-search:hover{background: #fff;} */
.bt-search .sub-bot{display: inline-block;width:88px;height:26px; margin-top:38px; background: transparent;border: none;z-index: 3;cursor: pointer;background: url(http://login.114my.cn/memberpic/026757/uploadfile/image/20240705/20240705112839_492740104.png) no-repeat center transparent;padding-right: 0px; background-size: 100% 100%;}

.header:hover .header-phone::before{background-image: url(http://login.114my.cn/memberpic/zhantong/uploadfile/image/20240411/20240411135554_60425316.png);}
.header:hover .header-phone{color: #0c52b1;}
.header:hover .sub-bot{display: inline-block;width:88px;height:26px; margin-top:38px; background: transparent;border: none;z-index: 3;cursor: pointer;background: url(http://login.114my.cn/memberpic/026757/uploadfile/image/20240705/20240705110752_1654234417.png) no-repeat center transparent;padding-right: 0px; background-size: 100% 100%;}

.header.on .sub-bot, .ny-header .sub-bot{background-image: url(http://login.114my.cn/memberpic/026757/uploadfile/image/20240705/20240705110752_1654234417.png); margin-top:33px;}
.searchop .search-all{z-index: 10;opacity: 1;visibility: visible;}
.search-all{position: absolute;right:100px;top: 0;width:260px;height: auto;z-index: -1;opacity: 0;visibility: hidden;transition: all .2s;}
.search-all .search-box{position: relative;height: 36px;margin-top:34px;background: #fff;}
.searchop .search-all .search-box{animation: searchform-fade 400ms both;}
.searchop .search-all form{animation: searchform-slide 1s both;box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.search-all .search-box .search-txt{color: #333;line-height:36px;width: 44px;text-align: center;cursor: pointer;transition: all .3s ease-out;}
.search-all .search-box .search-txt i{font-size: 20px !important;}
.search-all .search-box .search-txt.left{float: left;}
.search-all .search-box .search-inp{margin-left: 44px;transition: all .3s ease-out 0s;margin-right: 44px;}
.search-all .search-box .search-inp input{font-size: 14px;line-height: 36px;color: #333;width: 100%;border-radius: 5px;}
.searchop .search-close{opacity: 1;transition: all .2s ease-out 0s;}
.search-all .search-box .search-close{width: 44px;height: 36px;font-size: 16px;color: #333;line-height: 36px;text-align: center;cursor: pointer;position: absolute;top: 0;right: 0;opacity: 1;}
.searchop .search-close:hover{}
.searchshow .top2-bu a{-webkit-animation: item-searchshow .4s both;animation: item-searchshow .4s both;}
.language{float: left;position: relative;padding-right: 18px;margin-right: 18px;font-size: 16px;line-height: 24px;}
.language::before{position: absolute;content: "";width: 1px;height: 17px;background: rgba(255,255,255,.6);right: 0;top: 50%;transform: translateY(-50%);}
.language a{display: block;width: 22px;height: 21px;background: url()no-repeat center;background-size: 100% 100%;transition: ease .5s;}
.language a:hover, .header.on .language a:hover, .ny-header .language a:hover{background-image: url();}
.header.on .language a, .ny-header .language a{background-image: url();}
.header.on .language::before, .ny-header .language::before{background: #414141;}
.header.on .header-phone, .ny-header .header-phone{color: #0c52b1; margin-top:23px;}
.header.on .header-phone::before, .ny-header .header-phone::before{background-image: url(http://login.114my.cn/memberpic/zhantong/uploadfile/image/20240411/20240411135554_60425316.png);}
.header-navbar{}
.navbar{float: left;transition: ease .5s;margin-left:11.1%;}
.navitem{float: left;padding: 0 26px;}
.navitem > a{display: inline-block;font-size:18px;color: rgba(255,255,255,1);line-height: 30px;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;background: transparent;padding: 35px 0;position: relative;}

.dropdown-menu{display:none; width:100%; left:0;top: 100%; position:absolute; background:#fff;border-top:1px solid #cfdae3; height:120px; text-align: center;}
.dropdown-menu ul{display:flex;justify-content:center;width:100%;padding-top:11px;}
.dropdown-menu ul li{margin:0 2.6vw;}
.dropdown-menu ul li img{display:block;margin:0 auto;height:36px;}
.dropdown-menu ul li p{margin-top: 12px;line-height:20px;}
.dropdown-menu ul li a{display: block;color: #333333;font-size:16px}
.navitem.single{/*position: relative;*/}
.navitem:hover .dropdown-menu{display: block;}
.dropdown-pad{text-align: center;background: #fff;padding: 8px 20px;}
.dropdown-menu a{display: block;font-size: 16px;line-height: 30px;padding: 15px 0;color: #333;transition: ease .5s;border-top: 1px dashed #e5e5e5;}
.dropdown-menu a:hover{color: #0c52b1; font-weight:bold; font-family: "Microsoft YaHei";}
.dropdown-menu a:first-child{border-top: none;} @media (max-width:640px){.intw-txt, .pro-ul li .intw-txt, .pro-ul li:hover .intw-txt{padding: 30px 0;}
.abtbanner-font h4, .abtbanner-font h3, .abtbanner-font p{color: #222;}
.intw-slide:hover .intw-txt{transform: none;}
.intw-slide:hover .intw-txt::before{display: none;}
.intw-slide:hover .intw-txt h3{color: #333;}
.intw-slide:hover .intw-txt p{color: #666;}
.intw-slide:hover .intw-txt span{background-color: #0c52b1;height: 2px;width: 29px;}
.intw-txt p, .intw-slide:hover .intw-txt p{-webkit-line-clamp: 2;}}
/* .navitem.active>a{font-weight: bold;color: #fff;} */
.navitem:hover > a, .ny-header .navitem:hover > a{color: #0c52b1;}
.navitem > a::before{position: absolute;content: "";width: 0px;height: 3px;background: #0c52b1;left: 50%;bottom: 0%;transform: translateX(-50%);transition: ease .5s;}
.header.on .navitem:hover > a::before, .header.on .navitem.active > a::before, .ny-header .navitem.active > a::before{width: 100%;}
.header.on{background-color: #fff;border-color: transparent;height:86px;}
.header.on .navitem > a{padding:28px 0;}
.header.on .logo img{/*width: 224px;height: 35px;*/ margin-top:1.5px;}
.header.on .logo span{ color:#000;}
.header.on .logo{ color:#333; margin:0.79% 0 0 2%;}
.header.on .logo p, .header.on .navitem > a, .ny-header .navitem > a, .header.on .language-text, .ny-header .language-text{color: #333;}
.header.on .navitem.active > a, .ny-header .navitem.active > a{color: #0c52b1;font-weight: bold;}
.header .navitem:hover > a::before,.header.on .navitem:hover > a::before, .header.on .navitem.active > a::before, .ny-header .navitem.active > a::before{width: 100%;}
.header.on .navitem > a:hover{color: #0c52b1;}
.header.on .language-text:hover, .ny-header .language-text:hover{color: #0c52b1;}
#ino-p1{display: none;}
#ino-p span{opacity: 0;}
@media(max-width:1500px){.header-phone{ margin-left:20px;} 
.navbar{margin-left: 2%;}
/*.header .logo img{ width: 100px;}*/
.header .logo span{ margin-left: 7px}
.navitem > a{ font-size:14px;}
}
@media(max-width:1819px){
.navitem{padding: 0 12px;}
.language{padding-right: 12px;margin-right: 12px;}
.header-phone{font-size: 22px;}
.navbar{margin-right: -22px;}} @media(max-width:1559px){.intw-swiper{padding: 0 60px;}
.intw-swiper .swiper-button-next{right: 0;}
.intw-swiper .swiper-button-prev{left: 0;}} @media(max-width:1459px){.index-tit em{font-size: 40px;}
.ino-more{margin-top: 50px;}
.ind3-txt h3{font-size: 24px;}
/*.navitem > a{font-size: 16px;}*/
.header-phone::before{width: 20px;height: 20px;}
.bt-search .sub-bot{width:68px;height: 20px; margin-top:40px;}
.header-phone{font-size: 20px;padding-left: 30px;}
/*.navitem > a, .header.on .navitem > a{padding:28px 6px;}*/
.navbar{margin-right: -18px;margin-left:3%;}
.header .logo{margin: 20px 0 0 2%;}
.header.on .logo{margin: 20px 0 0 2%;}
.ny-header .logo{margin: 38px 0;}
/*.header-search{margin-right: 10px;}*/
.intw-slide:hover .intw-txt p{-webkit-line-clamp: 3;}
.intw-txt{height: 182px;}
.intw-slide:hover .intw-txt h3, .intw-txt h3{font-size: 22px;}
.in5-li{padding: 10px 0 15px;}
.bottom1-ewm{width: auto;}
.index-two::before{height: 332px;}} @media(max-width:1259px){body{padding-top: 60px !important;}
.foot-app, .header-app{display: block;}
.index-tit em{font-size: 34px;line-height: 46px;}
.in5-ri{padding: 15px 22px;}
.in5-li{padding: 10px 0 13px;}
.intw-slide:hover .intw-txt h3, .intw-txt h3{font-size: 21px;}
.ino-font1 h3{font-size: 21px;}
.ino-font1.on h3{font-size: 26px;}
.int-ul{padding: 60px;}
.ino-con{height: 450px;}
.in5-img{height: 225px;}
.in5-img img{height: 100%;}
.in5-txt{padding: 31px 22px 24px;}
.frd-link{margin-top: 25px;padding-bottom: 20px;}}
.i_search_r{float: right; width: 262px;}
.i_search_r form { display: block; width: 260px;line-height: 38px; height:38px; margin: 0; position: relative; }
.i_search_r form #search-i{ background:url(http://login.114my.cn/memberpic/zhantong/uploadfile/image/20240419/20240419185601_1742355680.png) no-repeat center; width:25px; height:36px; border-radius: 50%; position: absolute; right: 2px; top:0px; overflow: hidden; display: block; transition:0.3s all ease-in-out; }
.i_search_r form #search-i input{ display: block; width: 100%; height: 100%; cursor: pointer; background: none; border: 0 none; }
.i_search_r form #search-bg input { line-height: 38px; background: none; border: 0 none; width: 210px; color: #aaa; outline: none;}



footer{padding-top:3%;overflow:hidden;background-color:#3d3d3d;}
footer .container{width:100%;padding:0 15px;max-width:1760px; font-family: hs_l;}
.flex_between{display: flex;justify-content: space-between;flex-wrap: wrap;height:100%;}
.container{max-width:1760px;padding: 0 15px;width: 100%;margin: 0 auto;}
footer dl{}
footer dl dt{font-size:24px;line-height:1.6;margin-bottom:20px;position:relative;color:#fff;font-family:Montserrat-Regular,Arial, Helvetica, sans-serif;}
footer dl dd{font-size:16px;line-height:30px;margin-bottom:11px;position:relative;color:#dfdfdf;}
@media screen and (max-width: 1366px){footer dl dd{font-size:15px;line-height:24px;margin-bottom:2px;}}
footer dl dd>a{font-size:16px !important;line-height:30px;display:inline-block;color:#dfdfdf !important;;}
footer dl dd em{display:inline-block;width:4px;height:4px;background-color:#1a4499;vertical-align:middle;transition:all 0.2s;margin-top:-2px;border-radius:50%;margin-right:5px;}
footer dl dd>a:hover{color:#fff;text-decoration:underline;}
#fck1{width:300px;margin-top:1%;margin-right:7%;}
#fck2{width:9%;margin:0;}
#fck3{width:13%;margin:0;}
#fck4{width:24%;margin:0;}
#fck5{width:12%;}
#fck1 p{margin-top:20px;color:#eee;font-size:16px;line-height:30px;}
footer #fck4 dl dd{padding-left:25px;}
footer #fck4 dl dd>i{position:absolute;font-size:20px;color:#fff;left:0;line-height:30px;}
#fck5 .img{width:120px;margin:0;}
#fck5 .img img{width:114px;margin:0;}
.footlogo img{width:204px;}
.foot_by{overflow:hidden;text-align:center;padding-top:1%;padding-bottom:1%;background-color:#2d2d2d;margin-top:3%;}
.foot_by .footdiv{font-size:16px;line-height:30px;margin:0;display:inline-block;color:#fff;}
.foot_by .footdiv a{display:inline-block;font-size:16px;line-height:30px;color:#fff;}
.foot_by .footdiv.fl{text-align:left;float:left;}
.foot_by .footdiv.fr{text-align:right;float:right;}
.foot_by .footdiv a:hover{text-decoration:underline;color:#fff;}
.foot_by .footdiv a.by{text-decoration:underline;color:#0067f8;}
.bq_ewm{display: flex;padding-top: 50px;position: relative;}
.bq_ewm li span{display: block;width: 36px;height: 36px;border-radius: 0%;font-size: 14px;text-align: center;line-height: 36px;color: #fff;background: #0c52b1;}
.bq_ewm li:hover span{background: #000;border-color: #000;}
.ewm_cc{position: absolute;top: -50px;left: 13px;display: none;}
.ewm_cc img{width: 100px!important;}
.bq_r{width: 35%;padding:90px 0 0;padding-left: 80px;position: relative;background: url(//memberpic.114my.cn/champion/uploadfile/image/20240111/20240111173747_399775176.png) no-repeat -22px 54px;margin-left: 5%;}
.bq_r:after{position: absolute;content: "";width: 300px;height: 100%;top: 0;right: -300px;}
.bq_lx{line-height: 36px;}
.bq_lx li{font-size: 14px;color:#ccc;line-height: 22px;}
.bq_ewm li+li{margin-left: 10px;}



.kf.on{right: 15px}
.kf .kf_div{box-shadow: 0 0 18px rgba(0,0,0,.1);margin-bottom: 8px}
.kf .kf_div:last-child{margin-bottom: 0}
.kf .item{width: 50px;height: 50px;background: #fff;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;position: relative}
.kf .item:first-child{border-top-left-radius: 6px}
.kf .item:last-child{border-bottom-left-radius: 6px}
.kf{position: fixed;right: -100px;bottom: 10%;width: 50px;z-index: 9;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.kf .item .box{font-family: "DIN-BOLD";position: absolute;left: 90px;top: 50%;transform: translateY(-50%);z-index: -1;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;width: 298px;height: 50px;background: #fff;box-shadow: 0 0 18px rgba(0,0,0,.1);border-radius: 25px;margin-right: 8px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;font-size: 29px;color: #0c52b1}
.kf .item .box:before{width: 10px;height: 100%;position: absolute;right: -9px;top: 0;content: ''}
.kf .item .box i{width: 32px;height: 32px;display: block;border-radius: 50%;margin: 0 18px 0 17px;background: url(http://114my.cn.114.114my.net/hxp/kf5.png) no-repeat center #0c52b1}
.kf .item .box2{width: 154px;position: absolute;left: 90px;top: 50%;transform: translateY(-50%);z-index: -1;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;background: #fff;box-shadow: 0 0 18px rgba(0,0,0,.1);padding: 15px 0 20px;border-radius: 6px}
.kf .item .box2:before{width: 10px;height: 100%;position: absolute;right: -9px;top: 0;content: ''}
.kf .item .box2 h3{width: 100%;text-align: center;font-size: 24px;color: #0c52b1;font-weight: 700}
.kf .item .box2 img{width: 133px;height: 133px;margin: 5px 0}
.kf .item .box2 div{font-size: 16px;line-height: 22px;color: #666;text-align: center}
.kf .item:hover{background: #0c52b1;}
.kf .item:hover .box{left: -306px}
.kf .item:hover .box2{left: -164px}
.kf .item:hover a img{display: none}
.kf .item:hover a img.on{display: block}
.kf .item a{width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;position: relative;z-index: 1}
.kf .item a img{-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;max-width: 50%}
.kf .item a img.on{display: none;max-width: 50%}
@media (max-width: 768px){.kf{top:auto;bottom: 10px;left: 50%;margin-left: -80px;transform: translateY(0);display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row;flex-direction: row}
.kf .kf_div{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;-o-flex-direction: row;flex-direction: row;height: 40px}
.kf .item{width: 40px;height: 40px;border-radius: 0!important}
.kf .item a img{max-width: 50%}
.kf .item:hover .box{left: -50px;opacity: 1;top: -30px}
.kf .item:hover .box2{left: -40px;opacity: 1;top: -70px}
.kf .item .box{left: -50px;top: -20px;opacity: 0;width: 140px;font-size: 14px;height: 40px;border-radius: 20px;text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center}
.kf .item .box:before,.kf .item .box i{display: none}
.kf .item .box2{left: -40px;top: -50px;opacity: 0;width: 120px;height: 120px;padding: 5px}
.kf .item .box2:before,.kf .item .box2 h3,.kf .item .box2 div{display: none}
.kf .item .box2 img{width: 110px;height: 110px}}
@media (max-width:1568px){
.idx_banner ul li .center .info .info_box .links .item .txt{ font-size:16px;}
.idx_banner ul li .center .info .info_box .links .item .icon{ width:3vw;}

}